@import 'tailwindcss';

@theme {
    --color-primary: var(--el-color-primary);
    --color-primary-light-3: var(--el-color-primary-light-3);
    --color-primary-light-5: var(--el-color-primary-light-5);
    --color-primary-light-7: var(--el-color-primary-light-7);
    --color-primary-light-8: var(--el-color-primary-light-8);
    --color-primary-light-9: var(--el-color-primary-light-9);
    --color-primary-dark-2: var(--el-color-primary-dark-2);
    --color-success: var(--el-color-success);
    --color-warning: var(--el-color-warning);
    --color-danger: var(--el-color-danger);
    --color-error: var(--el-color-error);
    --color-info: var(--el-color-info);
    --color-body: var(--el-bg-color);
    --color-page: var(--el-bg-color-page);
    --color-tx-primary: var(--el-text-color-primary);
    --color-tx-regular: var(--el-text-color-regular);
    --color-tx-secondary: var(--el-text-color-secondary);
    --color-tx-placeholder: var(--el-text-color-placeholder);
    --color-tx-disabled: var(--el-text-color-disabled);
    --color-br: var(--el-border-color);
    --color-br-light: var(--el-border-color-light);
    --color-br-extra-light: var(--el-border-color-extra-light);
    --color-br-dark: var(--el-border-color-dark);
    --color-fill: var(--el-fill-color);
    --color-fill-light: var(--el-fill-color-light);
    --color-fill-lighter: var(--el-fill-color-lighter);
    --color-mask: var(--el-mask-color);
}
